<!DOCTYPE html>
        <html>
          <head>
            <meta charset="UTF-8">
            <title>疫情数据可视化</title>
          </head>
          <body>
            <div id="container" />
            <script src="https://gw.alipayobjects.com/os/lib/antv/g2/4.0.2/dist/g2.min.js"></script>
            <script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.data-set-0.11.1/dist/data-set.js"></script>
            <script>
            <!-- 浏览器引入，请使用全局命名空间 G2，如 new Chart() 改为 new G2.Chart，即可运行。 -->
                fetch('block.json')
      .then(res => res.json())
      .then(data => {
        const chart = new G2.Chart({
          container: 'container',
          autoFit: true,
          height: 500,
          padding: [30, 20, 70, 30]
        });

        chart.data(data);
        chart.scale({
          nlp: {
            min: 0,
            max: 100
          },
          blockchain: {
            min: 0,
            max: 100
          }
        });

        chart.axis('confirmedNum', false);

        chart.legend({
          custom: true,
          items: [
            { name: '治愈总数', value: 'curesNum', marker: { symbol: 'line', style: { stroke: '#1890ff', lineWidth: 2 } } },
            { name: '确诊总数', value: 'confirmedNum', marker: { symbol: 'line', style: { stroke: '#2fc25b', lineWidth: 2 } } },
          ],
        });

        chart.line().position('date*curesNum').color('#1890ff');
        chart.line().position('date*confirmedNum').color('#2fc25b');
        chart.render();
      });
            </script>
          </body>
        </html>